<template>
	<view>
		<view class="fullscreen-bg">
		    <!-- 在这里放置你的其他内容（会覆盖在背景图上） -->
		    <text class="title">Hello, Uni-app!</text>
		  </view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style scoped>
	.fullscreen-bg {
	  position: fixed;  /* 关键：固定定位 */
	  top: 0;
	  left: 0;
	  width: 100vw;     /* 100%视窗宽度 */
	  height: 100vh;    /* 100%视窗高度 */
	  background-image: url('/static/your-background.jpg'); /* 替换为你的图片路径 */
	  background-size: cover;       /* 图片拉伸填满容器 */
	  background-position: center;  /* 图片居中 */
	  background-repeat: no-repeat; /* 禁止重复 */
	}
	.title {
	  color: white;
	  font-size: 24px;
	  position: relative; /* 需要设置定位（relative/absolute） */
	  z-index: 1;         /* 确保文字在背景图上方 */
	}


</style>
